<template>
  <div>
    <h1>用户列表</h1>
    <button @click="fetchUsers">获取用户数据</button>
    <button @click="sendXmlRequest">发送 XML 请求</button>
    <pre>{{ users }}</pre>
  </div>
</template>

<script>
import axios from '@/api/index';

export default {
  data() {
    return {
      users: {}, // 存储用户数据
    };
  },
  methods: {
    async fetchUsers() {
      try {
        const response = await axios.get('/getEmailCode'); // 注意这里使用相对路径
        this.users = response; // 更新用户数据
        console.log(response);
      } catch (error) {
        console.error('请求出错:', error);
      }
    },
    async sendXmlRequest() {
      // 定义要发送的 XML 数据
      const xmlData = `
        <request>
          <email>example@example.com</email>
          <action>sendCode</action>
        </request>
      `;

      try {
        const response = await axios.post('/sendXml', xmlData, {
          headers: {
            'Content-Type': 'application/xml', // 设置请求头为 XML 格式
          },
        });

        console.log('XML 请求成功:', response.data);
        alert('XML 请求成功！');
      } catch (error) {
        console.error('XML 请求失败:', error);
        alert('XML 请求失败，请检查控制台错误信息。');
      }
    },
  },
};
</script>

<style scoped>
ul {
  list-style-type: none;
  padding: 0;
}
li {
  margin: 8px 0;
}
</style>